<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格的边框设置</title>
		<style>
			table {
				width: 600px;
				height: 300px;
			}
			table,
			td,
			th{
				border: 3px solid red;
				border-collapse: collapse;
				/* border-collapse: separate; */
				text-align: center;
			}
			th {
				font-size: 30px;
			}
		</style>
	</head>
	<body>
		
		<table>
			<!-- 表头区域 -->
				<tr>
					<th>股票代码</th>
					<th>股票名称</th>
					<th>当前价格</th>
					<th>换手率</th>
				</tr>
		
				<tr>
					<td>300562</td>
					<td>乐心医疗</td>
					<td>1.09</td>
					<td>3.22%</td>
				</tr>
				<tr>
					<td>300562</td>
					<td>乐心医疗</td>
					<td>1.09</td>
					<td>3.22%</td>
				</tr>
				<tr>
					<td>300562</td>
					<td>乐心医疗</td>
					<td>1.09</td>
					<td>3.22%</td>
				</tr>
				<tr>
					<td>300562</td>
					<td>乐心医疗</td>
					<td>1.09</td>
					<td>3.22%</td>
				</tr>
				<tr>
					<td>300562</td>
					<td>乐心医疗</td>
					<td>1.09</td>
					<td>3.22%</td>
				</tr>
		</table>
	</body>
</html>